@charset "utf-8";
body{background: #eee;}
.bgWhite{background: #fff;}
.bgBlue{background: #69ccf5}
.bgRed{background: #ff5b6b}
.bgYellow{background:#fedf0a;}
.case{width: 95%;margin: 0 auto;}
.tit-con2{margin-top: 0.04rem;}
.tit-con2 .tit-warp-main{line-height:0.52rem;font-size: 0.22rem;}
/*头像跳动*/
.actor{padding: 5px 0  10px}
.actor ul li{width: 25px;height: 25px;position: relative;}
.actor ul li img{box-shadow: 2px 1px 5px 1px rgba(0,0,0,.2);border-radius: 50%; }
.actor ul li.last {display: inline-block;width: 10px;height: 10px;border-top: 3px solid #ff664f;border-right: 3px solid #ff664f;transform: rotate(45deg);}
.bounce {animation:bounce 0.8s linear;}
@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43% {
        transform:translate3d(0,-10px,0)
    }
    40%,43%,70% {
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }
    70% {
        transform:translate3d(0,-5px,0)
    }
    90% {
        transform:translate3d(0,-3px,0)
    }
}
/*抢购时间*/
.rushTime{line-height:0.6rem;font-size: 0.22rem;color: #ff664f;margin: 1px;}
/*分校*/
.campus{padding: 0 0.08rem;box-sizing: border-box;}
.campus_part{margin-top: 10px;overflow: hidden;}
.campus_partTop{padding-left:0.1rem;line-height: 0.7rem;font-size: 0.28rem;}
.switch{margin:0.2rem 0;border-radius: 0.08rem;overflow: hidden;}
.switch .campus_name{color: #000;font-weight: 700;}
.campus_partTop .icon{width:0.43rem;height: 0.45rem;display: inline;vertical-align:text-top;}
.campus_partTop .linkTo{ padding: 0px 0.13rem;}
.campus_partTop .linkTo a{border: 1px solid #fff;padding: 2px 5px;border-radius: 3px;}
.campusList ul,.ShopList ul{width: 100%;padding: 0 0.08rem;box-sizing: border-box;padding-bottom: 0.25rem;}
.campusList ul li{font-size: 0.26rem;padding-top: 0.25rem;line-height: 0.54rem;height: 0.54rem;}
.courseName img{width:0.7rem;height: 0.54rem; display:inline;vertical-align:middle;}
.coursePrice{font-size: 0.3rem;color: #ff5b6b;}
.active_section{margin-top: 0.55rem;position: relative;padding: 0.3rem 0.1rem; }
.campus_part,.active_section{border-radius:0.08rem;}
.active_section .active_tit{position: absolute;left: 50%;top:-0.35rem;border: 1px solid #a30100;font-size: 0.3rem;line-height: 0.66rem;width: 4.2rem;text-align: center;border-radius: 0.3rem;transform: translateX(-50%) }
.itemPart{margin-top: 0.25rem;padding:0.25rem 0.1rem; font-size: 0.26rem;line-height: 0.4rem;padding-top: 0.05rem;white-space: pre-line;}
.brand{padding:0.25rem 0rem; }
.brand img{margin-top:0.2rem;}
/*购买详细*/
.ShopList ul li{margin-bottom: 0.2rem;padding:0.06rem 0.1rem;position: relative;border-radius:0.08rem;}
.ShopList ul li .shopBtn{width:0.8rem;height: 1.5rem;font-size: 0.26rem;font-weight: 700;transform: rotate(5deg);}
.ShopList ul li .courseDir{width: 86%;position: relative;}
.ShopList ul li .courseDir h3{color: #ff5300;font-size: 0.26rem;padding: 0 0 0.08rem;border-bottom: 1px solid #e5e5e5;}
.ShopList ul li .courseDir h3 span{background: #e7473c;padding:1px 3px;border-radius: 2px;font-size: 0.22rem;margin-right: 3px;}
.ShopList ul li .courseDir dl{margin-top: 3px;}
.ShopList ul li .courseDir dl dd img{width: 1.7rem;}
.ShopList ul li .courseDir dl dt{padding-left: 5px;}
.ShopList ul li .courseDir dl dt p.money{font-size: 0.26rem;font-weight: 700;}
.ShopList ul li .courseDir dl dt p.overplus,.ShopList ul li .courseDir dl dt a{font-size: 0.22rem;}
.ShopList ul li .courseDir dl dt p.overplus span,.ShopList ul li .courseDir dl dt p.money{color:#e7473c;}
.ShopList ul li .courseDir dl dt a{border: 1px solid #69ccf5;padding: 1px 15px;color: #69ccf5;border-radius: 2px;display: inline-block;margin-top: 3px;}
.ShopList ul li .courseDir .mark{width: 0.8rem;position: absolute;right: 0;bottom: 1px;}
.shopPart{display: none;}
.tada {animation: tada 1.5s infinite linear}
@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}
/*图片浮层*/
.piro_overlay{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;z-index:99997}
.piro_overlay .img{width: 90%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.piro_overlay  .closeDown{position: absolute;  bottom: -0.3rem;  width: 0.5rem;  height: 0.5rem;  font-size: 0.35rem;  color: #fff;  line-height: 0.5rem;  text-align: center;  left: 50%;  margin-left: -0.3rem;  border-radius: 50%;  font-weight: 100;}
.peopleNum{border-bottom: 1px solid #eee;line-height: 25px;padding-left: 10px;}
#peopleList li img{width: 25px;display: inline-block;vertical-align: middle;padding-right: 5px;}
.campus_partTop .linkTo a,.campus_partTop,.ShopList ul li .courseDir h3 span,.myCharges{color: #fff;}
.active_section,.ShopList ul li .shopBtn{color:#a30100;}
/*我的佣金*/
.myCharges{position: fixed;left:0.1rem;bottom:40px;width:0.8rem;height: 0.7rem;border-radius: 50%;text-align: center;font-size:0.24rem;line-height: 0.28rem;display:block;padding-top: 0.1rem;display: none;}

